@import '~ant-design-vue/dist/antd.less'; //引入less

.has-error .ant-input {
  background: transparent !important;
}

.ant-input-suffix {
  color: #fff !important;
}

.ant-select-disabled .ant-select-selection {
  background: transparent !important;
}

.poperLayTable .ant-popover-content,
.poperLayTable .ant-popover-inner {
  background-color: #fff !important;
  margin-left: 0 !important;
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: none !important; //有省略内容的单元格和滚动条的table表头边框修改 
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
  color: #fff !important;
}
.ant-checkbox-group .ant-checkbox-wrapper{
  color: #fff !important;
}
// Modal 对话框
.ant-modal {
  .ant-modal-content {
    // position: relative;
    // background-color: #FFFFFF;
    // background-clip: padding-box;
    // border: 0;
    // border-radius: 4px;
    // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    // pointer-events: auto;
    border: 1px solid #1a7683;

    .ant-modal-close {
      color: #ffffff;
    }

    .ant-modal-header {
      background-color: #0d428c;
      border-bottom: 1px solid #1a7683;
      border-bottom: none;

      .ant-modal-title {
        color: #ffffff;

        .j-modal-title-row {
          .right {
            .ant-modal-close {

              .anticon-fullscreen,
              .anticon-fullscreen-exit {
                color: #ffffff;
              }
            }
          }
        }
      }
    }

    .ant-modal-body {
      color: #fff !important;
      background-color: #042c5d;
    }

    .ant-modal-footer {
      border-top: 1px solid #1a7683;
      background-color: #042c5d;
    }
  }
}

// Drawer 抽屉
.ant-drawer {
  .ant-drawer-content-wrapper {
    .ant-drawer-content {
      background-color: #042c5d;

      .ant-drawer-wrapper-body {
        .ant-drawer-header {
          background-color: #0d428c;
          border-bottom: 1px solid #1a7683;

          .ant-drawer-close {
            color: #ffffff;
          }

          .ant-drawer-title {
            color: #ffffff;
          }
        }

        .ant-drawer-body {

          // background-color: #042C5D;
          .drawer-bootom-button {
            border-top: 1px solid #1a7683;
            background-color: #042c5d;
            width: 98.8%;
          }
        }
      }
    }
  }
}

// Form 表单
.ant-form {
  .ant-form-item {
    .ant-form-item-label {
      label {
        color: #fff;
      }
    }
  }
}

// button按钮
.ant-btn {
  background-color: #0278cd;
  border: 1px solid #0efcff;
  color: #ffffff;
  border: none;
  opacity: 0.5;

  &:hover {
    opacity: 1;
  }
}

.ant-btn-primary {
  opacity: 1;
}

// Alert 警告提示
.ant-alert {
  color: #ffffff !important;
}

.ant-alert-info {
  background-color: rgba(26, 144, 255, 0.3) !important;
}

// Card 卡片
.ant-card {
  background-color: transparent !important;

  .ant-card-body {
    color: #fff;
    background-color: transparent !important;
  }
}

// Dropdown 下拉菜单
.ant-dropdown {
  .a-menu {
    background-color: #ffffff;
  }
}

// Radio 单选框
.ant-radio-group {
  .ant-radio-wrapper {
    color: #ffffff;
  }
}

// Tree 树形控件
.ant-tree {
  li {
    .ant-tree-switcher {}

    .ant-tree-checkbox {
      .ant-tree-checkbox-inner {
        background-color: transparent;
      }
    }

    .ant-tree-node-content-wrapper {
      .ant-tree-title {
        color: #ffffff;
      }
    }
  }
}

// Form 表单
.table-page-search-wrapper {

  // 搜索栏表单样式
  .ant-form-item-label {
    label {
      color: #ffffff;
    }
  }

  .ant-form-item-control-wrapper {}
}

.ant-form label {
  font-size: 16px;
}

//滚动条
::-webkit-scrollbar-thumb {
  // background-color: transparent;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

// Table 表格
.ant-table-small>.ant-table-content>.ant-table-body {
  margin: 0 !important;
}

.ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body {
  background-color: transparent;
}

.ant-table-bordered {
  border: 1px solid #3a8ee6 !important;
}


// .ant-table-bordered .ant-table-thead > tr > th,
// .ant-table-bordered .ant-table-tbody > tr > td {

.ant-table-bordered .ant-table-thead>tr>th,
.ant-table-bordered .ant-table-tbody>tr>td {
  border-color: #3a8ee6 !important;
}

.ant-table-bordered .ant-table-header>table,
.ant-table-bordered .ant-table-body>table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 0px solid #e8e8e8;
}

.ant-table-header {
  background: #409eff;
  border: none !important;
}

.ant-table {

  background-color: #062f63 !important;

  .ant-table-thead tr th {
    color: #fff;
    background-color: #409eff !important;
    // background-color: transparent !important;
    // color: #026bba;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }

  .ant-table-row:hover>td {
    color: #000 !important;
    background: #fff !important;
  }

  .ant-table-row:hover>td,
  .ant-table-row:hover>td .ant-input,
  .ant-table-row:hover>td .ant-select .ant-select-selection,
  .ant-table-row:hover>td .ant-select .ant-select-selection .anticon {
    color: #000 !important;
    background: #fff !important;
  }

  .ant-table-row-hover {
    color: rgba(0, 0, 0, 0.65);
  }

  td {
    color: #ffffff;
    background-color: #062f63;
    text-align: center;
    font-size: 16px;
  }

  .ant-table-fixed {
    background-color: transparent;
  }

  tr.ant-table-row-selected {
    td {
      color: #ffffff;
      background-color: transparent;
    }
  }

  tr.ant-table-row-hover {
    td {
      color: rgba(0, 0, 0, 0.65);
    }
  }

  tr.ant-table-expanded-row {
    background: none;
  }

  .ant-table-placeholder {
    background-color: transparent;
  }

  .ant-table-row-expand-icon {
    background-color: transparent;
  }
}

.ant-pagination.mini {

  .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination-next .ant-pagination-item-link {
    background: #ffffff;
    border-color: transparent;
  }

  .ant-pagination-item-link {
    .ant-pagination-item-ellipsis {
      color: #ffffff;
    }
  }

  .ant-pagination-options-quick-jumper {
    color: #ffffff;
  }

  .ant-pagination-item {
    a {
      color: #ffffff;
    }
  }

  .ant-pagination-item-active {
    a {
      color: rgba(0, 0, 0, 0.65);
    }
  }

  .ant-pagination-total-text {
    color: #ffffff;
  }
}

// Tabs 标签页
.ant-tabs {
  .ant-tabs-bar {
    .ant-tabs-nav-container {
      .ant-tabs-nav-wrap {
        .ant-tabs-tab {
          color: #fff;

          &.ant-tabs-tab-active {
            color: #0278cd;
          }
        }
      }
    }
  }
}

// Input 输入框
.ant-input {
  // background-color: #0c345b;
  background-color: transparent !important;
  border: 1px solid #17dcff !important;
  border-radius: 15px !important;
  color: #fff !important;
}

.ant-input[disabled] {
  background-color: #0c345b;
  border: 1px solid #fff;
  color: #fff;
  opacity: 0.6;
}

.ant-input-group-wrapper {
  .ant-input-wrapper {
    .ant-input-group-addon {
      background-color: #0c345b;
      border: 1px solid #17dcff;
      border-left: none;
      border-radius: 0 25px 25px 0;

      i {
        color: #fff;
      }
    }
  }
}

// Checkbox 多选框
.ant-checkbox {
  color: #fff !important;

  .ant-checkbox-inner {
    background-color: transparent;

    ::after {
      border: 2px solid #70b5d5;
    }
  }
}

.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #0278cd;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}

// InputNumber 数字输入框
.ant-input-number {
  background-color: transparent !important;
  border: 1px solid #17dcff !important;
  border-radius: 15px !important;
  color: #fff !important;
  overflow: hidden;

  .ant-input-number-handler-wrap {
    background-color: #0278cd !important;

    .ant-input-number-handler {
      i.anticon {
        color: #ffffff !important;
      }
    }
  }
}

// Select 选择器
.ant-select {
  // background-color: #0C345B;
  border: 1px solid #17dcff;
  border-radius: 15px;
  color: #fff;

  .ant-select-selection {
    background-color: #0c345b;
    border: none;
    border-radius: 15px;
    color: #fff;

    .ant-select-arrow {
      color: #ffffff;
    }

    .ant-select-selection__rendered {
      ul {
        li.ant-select-selection__choice {
          border: none;
          background-color: #006ad7;
          color: #ffffff;

          .ant-select-selection__choice__remove {
            color: #ffffff;
          }
        }
      }
    }
  }
}

// Alert 警告提示
.ant-alert {
  background-color: rgba(64, 61, 60, 0.5);
  color: #fff;

  .ant-alert-icon {
    color: #fff;
  }

  .ant-alert-message {
    color: #fff;
  }
}

// Card 卡片
.ant-card {
  background-color: transparent;

  .ant-card-head {
    color: #fff;
    border-bottom: 1px solid #1a7683;
  }
}

.ant-card-bordered {
  border: 1px solid #1a7683 !important;
}

// Modal 对话框
.ant-modal-confirm {

  .ant-modal-confirm-title,
  .ant-modal-confirm-content {
    color: #fff !important;
  }
}

//暂无数据提示
.ant-empty-description {
  color: #fff !important;
}

.ant-menu-inline {
  border: none !important;
  // background: transparent !important;
}

.ant-menu-submenu>.ant-menu {
  background: transparent !important;
  color: #fff !important;
}

//折叠面板
.ant-collapse {
  color: #026bba;
  background-color: transparent !important;

  .ant-collapse-content {
    color: #026bba;
    background-color: transparent !important;
  }

  .ant-collapse-item>.ant-collapse-header {
    color: #fff;
  }
}

h4,
h3,
h2 {
  color: #fff !important;
}

//描述列表
.ant-descriptions-item>span {
  color: #fff;
  font-size: 22px;
}
.ant-descriptions-item-content{
  color: #fff !important;

}

//进度条
.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
  color: #fff;
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  color: #fff;
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
  color: #fff;
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
  color: #a7a2a2;
}